<!--Created by王童 on 2018/5/23-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/laypage.css">

    <script src="/js/vue/vue.min.js"></script>
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/laypage/laypage.js" charset="utf-8"></script>
    <script src="/js/layer/layer.js" charset="utf-8"></script>

</head>
<body>
<h3>强化练习</h3><br/>

<select id="select1" >
    <option>---请选择---</option>
    <#list  list2 as list2>
        <option value="${list2.course_id}" >${list2.course_name}</option>
    </#list>
</select>&nbsp;&nbsp;&nbsp;

<select id="select2"  >
    <option>---请选择---</option>
<#list  list1 as list1>
    <option value="${list1.point_id}">${list1.point_name}</option>
</#list>
</select>&nbsp;&nbsp;&nbsp;

<select id="select3">
    <option>---请选择---</option>
<#list  list as lists>
    <option value="${lists.grade}">${lists.grade}</option>
</#list>
</select><br/><br/>

<input type="button" id="btn" value="开始练习" >

<script>
//    var app = new Vue({
//        el: '#getpoint',
//        data: {
//            result:{}
//
//        }
//
//    });
//function pfun(){
//    var course_id= $("#select1 option:selected").val();
//    console.log(course_id);
//
//    $.ajax({
//        type:'get',
//        dataType:'json',
//        url:"/practice/getPoint.do?course_id="+course_id
////        success:function(msg){
////            app.result=msg;
////        }
//    });
//}

$("#btn").on("click",function () {
    var point_id=$("#select2 option:selected").val();
    var grade=$("#select3 option:selected").val();
    layer.open({
        type:2,
        title:'习题',
        fix:false,
        maxmin: true,
        shadeClose: true,
        area: ['900px', '600px'],
        content:"/practice/toPage.do?point_id="+point_id+"&grade="+grade
    });
});
</script>
</body>
</html>